import { loginAPI, getUserinfoAPI, getUserDetailByIdAPI } from '@/api'
import { getToken, setToken, removeToken, setTime } from '@/utils/auth'
import { resetRouter } from '@/router'
const state = {
  token: getToken(),
  Userinfo: {}   //这里定义空对象的原因是：定义空对象后续更改数据可以是响应式的
}
const mutations = {
  setToken (state, token) {
    state.token = token
    setToken(token)
  },
  // 设置token时间
  setTimeStamp () {
    setTime()
  },
  removeToken (state) {
    state.token = null
    removeToken()
  },
  // 设置用户信息方法
  setUserinfo (state, userinfo) {
    state.Userinfo = userinfo
  },
  //删除用户信息
  deleteUserinfo (state) {
    state.Userinfo = {}
  }
}
const actions = {
  // 登录方法
  async login (context, login_data) {
    const data = await loginAPI(login_data)
    context.commit('setToken', data)
    context.commit('setTimeStamp')
  },
  // 获取用户信息方法
  async getUserinfo (context) {
    const res = await getUserinfoAPI()
    // 获取用户详情，主要是获取头像
    const resPhoto = await getUserDetailByIdAPI(res.userId)
    context.commit('setUserinfo', { ...res, ...resPhoto })
    /* 这里将获取到的信息返回？  因为res中包含了一个 roles，而roles中包含的menus则是当前登录用户的动态路由权限
    这里返回之后，在登录获取用户信息的时候，进行渲染页面及添加动态路由用*/
    return res
  },
  // 退出登录方法
  logout (context) {
    // 删除用户信息
    context.commit('deleteUserinfo')
    // 清空token
    context.commit('removeToken')
    resetRouter()  //重置路由
    // 设置premission中的路由
    context.commit('permission/setRoutes', [], { root: true })
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
